<style type="text/css">
    .ani{ fon-size:40px;}
    .signin-item-img img {
        width: 160px;
        height: 160px;
        position: relative;
        top:-12px
    }
    .signin-item {
        float: left;
        width: 20%;
        height:20%;
        -webkit-transform: scale(0);
        -webkit-transition: all 1s;
    }
    .signin-item-show {
        -webkit-transform: scale(1);
    }
    .signin-item-img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        overflow: hidden;
        margin: auto;
    }
</style>
<div class="" style="background:url(images/bg005.jpg) no-repeat; background-size:100% 100%; height:100%; width:100%;"></div>

<div  class="signin-item signin-item-show ani" style="position: absolute;top:200px;left:750px;display: none;" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">
    <div style="   color: #ffff00;
  font-size: 80px;
  text-align: center;
  position: absolute;
  top: 42%;
  left: -34%;
  width: 400px;
  font-family: '微软雅黑';
  text-shadow: 0 0 20px red;
  filter: shadow(Color=#0000ff,Direction=10,Strength=10);
  clear: both;
  float: left;
}">诗歌朗诵</div>
</div>
<div  class="signin-item signin-item-show ani" style="position: absolute;top:460px;left:400px;display: none;" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">,
    <div class="signin-item-img"  >,
        <img
                src="images/photo/刘锋冲.jpg">
    </div>
    <span class="signin-item-text">刘锋冲</span>
</div>
<div  class="signin-item signin-item-show ani" style="position: absolute;top:460px;left:600px;display: none;" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">,
    <div class="signin-item-img"  >,
        <img
                src="images/photo/王卉.jpg">
    </div>
    <span class="signin-item-text">王卉</span>
</div>
<div  class="signin-item signin-item-show ani" style="position: absolute;top:460px;left:800px;display: none;" swiper-animate-effect="zoomInDown" swiper-animate-duration="1.5s" swiper-animate-delay="6.5s">,
    <div class="signin-item-img"  >,
        <img
                src="images/photo/豆金苗.jpg">
    </div>
    <span class="signin-item-text">豆金苗</span>
</div>
<div  class="signin-item signin-item-show ani" style="position: absolute;top:460px;left:1000px;display: none;" swiper-animate-effect="zoomInDown" swiper-animate-duration="2.5s" swiper-animate-delay="8.5s">,
    <div class="signin-item-img"  >,
        <img
                src="images/photo/彭盼.jpg">
    </div>
    <span class="signin-item-text">彭盼</span>
</div>
